// 导入路由
import router from '@/router'
// 导入store
import store from '@/store'
// 导入nprogress 进度条插件
import NProgress from 'nprogress'
import 'nprogress/nprogress.css' // 引入进度条样式
//  将权限处理单独抽离到一个permission.js文件  未登录做拦截
// to  from  是路由信息对象
const whiteList = ['/login', '/404']
// 前置导航守卫
router.beforeEach(async(to, from, next) => {
  NProgress.start()
  const token = store.getters.token // 获取token
  if (token) {
    // 有token的情况
    // 如果登录了,还去访问登录页,强制去首页
    if (to.path === '/login') {
      next('/') // next('路径') 这种方式跳转是没有经过后置导航守卫的,需要手动在这关闭nprogress
      NProgress.done()
    } else {
      // 登录后,访问别的有权限的页面,直接放行, 想去哪就去哪
      // 路由放行之前我要获取个人信息资料才是正确的
      // store.dispatch('user/getUserInfo').then(res => {
      //   console.log('ok,放行')
      //   next()
      // }).catch(() => {})
      // 登录成功后 将个人信息存储在了user模块中userInfo这个对象中,判断一下这个userId是否有值,不要去直接拿对象去匹配
      // 因为{ } == false   不成立的
      /*  if (!store.state.user.userInfo.userId) {
        // console.log(store.dispatch('user/getUserInfo'))
        store.dispatch('user/getUserInfo').then(res => {
          // console.log('ok,放行')
          console.log(res)
        }).catch(() => {})
      }
      next() */

      if (!store.state.user.userInfo.userId) {
        // console.log(store.dispatch('user/getUserInfo'))
        const res = await store.dispatch('user/getUserInfo')
        console.log('获取资料成功', res)
      }
      next()
      /*  store.dispatch('user/getUserInfo')
      console.log('放行')
      next() */
    }
  } else {
    // 没有token的情况
    if (whiteList.includes(to.path)) {
      // 如果未登录去的是白名单页面直接放行
      next()
    } else {
      // 未登录并且访问的是有权限的页面 只能重新登录
      next('/login')
      NProgress.done()
    }
  }
})

// 后置导航守卫
router.afterEach((to, from) => {
  NProgress.done()
})
